@charset "UTF-8";

html,body {
    min-width: 1200px;
}

/* SY-subscript */
.SY-setContent .SY-subscript {
	width: 958px;
}
.SY-subscript .navTab {
	height: 62px;
	line-height: 62px;
	padding: 0 30px;
	font-size: 16px;
	margin-bottom: 10px;
	background: #fff;
}
.SY-subscript .navTab .item {
	margin-right: 35px;
}
.SY-subscript .navTab .item a {
	display: block;
	height: 60px;
	border-bottom: 2px solid #fff;
}
.SY-subscript .navTab .item a:hover {
	color: #000;
}
.SY-subscript .navTab .item.active a {
	color: #000;
	border-color: #000;
}

/* buildSubscript */
.SY-subscript .buildSubscript > div {
	background: #fff;
}
.SY-subscript .buildSubscript .reward {
	width: 566px;
	padding: 25px 30px 30px;
}
.SY-subscript .buildSubscript .tabNav {
	margin-bottom: 20px;
}
.SY-subscript .buildSubscript .tabBtn {
	height: 40px;
	line-height: 40px;
}
.SY-subscript .buildSubscript .tabBtn a {
	width: 70px;
	text-align: center;
	font-size: 14px;
}
.SY-subscript .buildSubscript .tabBtn a:hover {
	color: #000;
}
.SY-subscript .buildSubscript .tabBtn a.active {
	color: #000;
	font-weight: 500;
	cursor: default;
}
.SY-subscript .buildSubscript .tabBtn .line {
	width: 1px;
	height: 18px;
    background: #e5e5e5;
    vertical-align: top;
    margin-top: 12px;
}
.SY-subscript .buildSubscript .createBtn {
	width: 112px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #00a4e9;
    border: 1px solid #00a4e9;
}
.SY-subscript .buildSubscript .createBtn i {
	font-size: 18px;
    margin: 12px 6px 0 0;
    vertical-align: top;
}
.SY-subscript .buildSubscript .createBtn:hover {
	color: #fff;
	background: #00a4e9;
}
.SY-subscript .buildSubscript .newReward {
	margin-bottom: 20px;
}
.SY-subscript .buildSubscript .newReward.shield {
	background: #f5f5f5;
}
.SY-subscript .buildSubscript .topBox {
	height: 45px;
    line-height: 45px;
    padding: 0 25px;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
.SY-subscript .buildSubscript .topBox a {
	margin-left: 16px;
}
.SY-subscript .buildSubscript .topBox a:hover {
	color: #000;
}
.SY-subscript .buildSubscript .msgBox {
	padding: 18px 15px;
	color: #666;
}
.SY-subscript .buildSubscript .msgBox .fl {
	width: 470px;
}
.SY-subscript .buildSubscript .msgBox .description {
	font-size: 14px;
	color: #333;
    line-height: 1.4;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.SY-subscript .buildSubscript .msgBox .fl > p {
	font-size: 14px;
	margin-bottom: 8px;
}
.SY-subscript .buildSubscript .msgBox .fl > p:last-child {
	margin-bottom: 0;
}
.SY-subscript .buildSubscript .msgBox .fl > p span {
	font-weight: 500;
} 
.SY-subscript .buildSubscript .msgBox .price {
	font-size: 16px;
	font-weight: 500;
	color: #e45c5c;
}
.SY-subscript .buildSubscript .emptyInfo {
	padding: 80px 0;
    font-size: 14px;
    color: #ababab;
}
.SY-subscript .buildSubscript .emptyInfo .icon {
	width: 111px;
    height: 105px;
    margin: 0 auto 15px;
    background-image: url(../img/icons/info.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.SY-subscript .buildSubscript .help {
	width:272px;
	padding: 25px 25px 25px;
}
.SY-subscript .buildSubscript .help .helpIcon {
	font-size: 16px;
	color: #666;
    margin-bottom: 12px;
}
.SY-subscript .buildSubscript .help .helpIcon i {
	font-size: 20px;
	margin-right: 5px;
	line-height: 1.5;
}
.SY-subscript .buildSubscript .help li {
	list-style: circle inside;
    font-size: 14px;
    line-height: 1.5;
    margin:0 0 10px 10px;
}
.SY-subscript .buildSubscript .help li a:hover {
	color: #000;
}

/* mineSubscript && subscriptMine*/
.SY-subscript .mineSubscript,.SY-subscript .subscriptMine {
	padding: 0 30px 30px;
	background: #fff;
}
.SY-subscript .mineSubscript .headBox,
.SY-subscript .subscriptMine .headBox {
	padding:24px 0 20px;
	font-size: 14px;
}
.SY-subscript .mineSubscript .headBox .totalCount .num,
.SY-subscript .subscriptMine .headBox .totalCount .num {
	font-weight: 700;
	color: #e45c5c;
}
.SY-subscript .mineSubscript .headBox .fl,
.SY-subscript .subscriptMine .headBox .fl {
	margin-right: 52px;
	color: #666;
}
.SY-subscript .mineSubscript .headBox .fl > a:hover,
.SY-subscript .subscriptMine .headBox .fl > a:hover {
	color: #000;
}
.SY-subscript .mineSubscript .headBox .fl > a i,
.SY-subscript .subscriptMine .headBox .fl > a i {
	font-size: 16px;
	margin-left: 5px;
}
.SY-subscript .mineSubscript .headBox .select,
.SY-subscript .subscriptMine .headBox .select {
	display: none;
	top: 24px;
	right: -16px;
	text-align: center;
	background: #fff;
	box-shadow: 0 2px 12px rgba(0,0,0,.16);
	z-index: 9;
}
.SY-subscript .mineSubscript .headBox .select .item,
.SY-subscript .subscriptMine .headBox .select .item {
	height: 35px;
	line-height: 35px;
	width: 90px;
}
.SY-subscript .mineSubscript .headBox .select a,
.SY-subscript .subscriptMine .headBox .select a {
	display: block;
}
.SY-subscript .mineSubscript .headBox .select a:hover,
.SY-subscript .subscriptMine .headBox .select a:hover {
	color: #000;
}
.SY-subscript .mineSubscript .headBox .select .item.active a,
.SY-subscript .subscriptMine .headBox .select .item.active a {
	color: #00a4e9;
}
.SY-subscript .mineSubscript .titleBox,.SY-subscript .subscriptMine .titleBox {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #666;
	background: #f2f4f6;
}
.SY-subscript .mineSubscript .item,.SY-subscript .subscriptMine .item {
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #666;
	border-top: 1px solid #e5e5e5;
}
.SY-subscript .mineSubscript .item:first-child,
.SY-subscript .subscriptMine .item:first-child {
	border-top: 0;
}
.SY-subscript .mineSubscript p,.SY-subscript .subscriptMine p {
	padding: 0 10px;
}
.SY-subscript .mineSubscript .nickName,.SY-subscript .subscriptMine .nickName {
	width: 110px;
}
.SY-subscript .mineSubscript .predictItem,.SY-subscript .subscriptMine .predictItem {
	width: 145px;
}
.SY-subscript .mineSubscript .classify,.SY-subscript .subscriptMine .classify {
	width: 80px;
}
.SY-subscript .mineSubscript .price,.SY-subscript .subscriptMine .price {
	width: 100px;
}
.SY-subscript .mineSubscript .timeLimit,.SY-subscript .subscriptMine .timeLimit {
	width: 250px;
}
.SY-subscript .mineSubscript .status,.SY-subscript .subscriptMine .status {
	width: 70px;
}
.SY-subscript .mineSubscript .timeLimit span,
.SY-subscript .subscriptMine .timeLimit span {
	margin: 0 4px;
}
.SY-subscript .mineSubscript .emptyInfo,
.SY-subscript .subscriptMine .emptyInfo {
	font-size: 14px;
    color: #ababab;
    margin: 90px 0 60px 0;
}
.SY-subscript .mineSubscript .emptyInfo .icon,
.SY-subscript .subscriptMine .emptyInfo .icon {
	width: 111px;
    height: 105px;
    margin: 0 auto 15px;
    background-image: url("../img/icons/info.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.SY-subscript .mineSubscript .loading,
.SY-subscript .subscriptMine .loading {
	height: 135px;
    line-height: 135px;
    font-size: 16px;
    color: #ababab;
   	margin: 90px 0 60px 0;
}